﻿/*--------------------------------------------------------------Tag Stílar BYRJA ---*/


body 
{
	margin:0;
	padding:0;
	line-height: 1.2em;
	font-family: Arial, Sans-Serif;
	background-color: #fcfcfc;
}

em
{
	color: red;
}

ul 
{
    list-style:none;
}
/*---allir input gluggar á síðunni---*/
input[type="text"]
{
    width: 250px;
    border: 1px solid #DDD;
    padding: 1px;
    margin-bottom: 2px;   
}

input[type="password"]
{
    width: 250px;
    border: 1px solid #DDD;
    padding: 1px;
    margin-bottom: 2px;   
}

/*---allir linkar á síðunni---*/
a:link, a:visited, a:hover, a:active  
{
	font-weight: normal;
    text-decoration: none;
}

/*---Allir headerar paragraphs og linkar---*/
h1,h2,h3,h4,h5,h6,p,a
{
    margin: 0px;
    color: #333;    
}

h1
{
    text-align: center;
    margin: 0px 0px 5px 0px;
    padding: 5px;
    font-weight: normal;
    font-size:117%; 
}

h2
{
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 0px 0px;
    font-weight: bold;
    font-size: 105%;
}

h3
{
	margin: 5px 0px 5px 0px;
	font-weight: bold;
	font-size: 101%;
}

h5
{
    color: #AAA;
    font-size: 80%;    
}

#backgroundImage
{
    background: url("CloudsBGPink.png") no-repeat;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: -1;
    width: 100%;
    height: 100%;
}
/*---Tagstílar ENDA---*/
/*-------------------------------------------------------------- Haus BYRJAR ---*/
#header
{
	height: 90px;   /*Hæð á haus*/
}

#header h1
{
	margin: 0;
	padding-top: 0px;
}
#topNavigation
{
    float:right;   
    clear:right;
    padding: 0px 0px 0px 0px;
    margin-top: 55px;
}
#topNavigation li
{
    display:inline;
    padding: 8px 4px 8px 4px;
    margin: 0px;
}

#topNavigation li:link, #topNavigation li:visited
{
    
}
#topNavigation li:hover, #topNavigation li:active
{
	background: url("colorTrans.png");
}

#divLogon
{
    float:right;    
}

#logo
{
    float: left;
    margin: 0px;    
}
/*---Haus ENDAR---*/
/*------------------------------------------------------------- Wrapper BYRJAR ---*/
#contentwrapper{
	float: left;
	width: 100%;
}
/*---Wrapper ENDAR---*/
/*------------------------------------------------------------- Meginmál BYRJAR---*/
.strikNedst
{
	font-size: 70%;
	border-top: 1px solid #444; 
}


#contentcolumn{
	margin: 0 200px 0 230px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
	background: url("40transp.png") repeat;
	
}


#contentcolumn div ul li
{
    padding: 0px 0px 0px 30px;
}

#contentcolumn div.frettirForsida
{
    width: 48%;
    float: left;    
    margin-right: 10px;
}

#contentcolumn a
{
    font-size: 90%;
    text-decoration: none;
    border-bottom: 1px solid #ddd;
}

#contentcolumn a:hover
{
    color: #777;
    border: 0px;
    text-decoration: none;    
}

#contentcolumn p > a
{
    color: #339;    
}

a.sjaAllarGreinarIFlokk
{
    text-decoration: none;
    font-weight: bold;    
}

/*---Fréttir---*/
/*---Fyrirsögn frétta div'ið---*/
#contentcolumn div div.frettaListi
{
	border-bottom: 1px solid #ddd;	
	margin: 1px;
	padding: 1px;	
}
#contentcolumn div div.frettaListi:hover 
{
    background-image: url("colorTrans.png");
}

/*--- Fyrirsögn frétta ---*/
.frettaListi h2 a
{
	color: #555;
}


/*--- bætt inn af hlutinn ---*/
.frettaListi p, .videoList li div p + p 
{
    border-top: 1px solid #eee;
	color: #aaa;
	font-size: 80%;	
}

/*---bætt in af NAFNið---*/
.frettaListi p a
{
	color: #aaa;
	text-decoration: underline;
	font-size: 80%;
}
/*----------------------------------------------------------------------------------------------*/
/*---Innihald greinar---*/

li.serstokGrein:hover
{
	background-image: url("colorTrans.png");
}



.frettaListi p span
{
	color: #333;
	font-size: 90%;	
}

/*--- Video ---*/
ul.videoList li div.videoDetail
{
    width: 500px;
    float:left;
    border-bottom: 1px solid #eee;  
    padding: 10px;
    margin-bottom: 10px;
}

ul.videoList li div.videoDetail:hover
{
    background-image: url("colorTrans.png");  
}


ul.videoList li span
{
    float:left;
    margin-right: 10px;
    clear: left;
}

ul.videoList li p + p
{
    clear: both;    
}


/*---Mitt Svæði--------------------------------*/

/*---Listi yfir valmöguleika BYRJAR---*/
#mittNavigation
{
	width: 95%;
	padding: 10px;
}

#mittNavigation li a
{
	text-align: center; 
	margin: 15px;
}

#mittNavigation li:hover 
{
	width: 93%;
	background-image: url("colorTrans.png");
	
}

#mittNavigation li 
{
	width: 93%;
}

/*---Listi yfir valmöguleika ENDAR---*/

/*---Sameiginlegt fyrir: Mitt svæði BYRJAR */ 
#reiknivelar
{
	width: 95%;
	margin: 0px;
	padding: 10px;
	border: 1px solid #ddd;
	background: url("colorTrans.png") repeat;
}

#reiknivelar input[type="text"]
{
	margin: 6px 3px 6px 3px ;
	width: 100px;
}

#reiknivelar h2
{
	text-align: left;	
}

#reiknivelar table
{
	border: 1px solid #ccc;
	margin: 40px 10px 20px 10px;
}

#reiknivelar td 
{
	text-align: center;
	padding: 0px 5px 0px 5px;
}

#reiknivelar thead th													 
{																
	text-align: center;
	padding: 0px 5px 0px 5px;									
}																

/*---til baka fyrir öll view---*/
.tilbaka
{
	clear:both; 
	font-size: 110%;
}

/*---Sameiginlegt fyrir: Mitt svæði ENDAR---*/


/*------hvar er barnið statt í who kúrfunni---*/
#divwhokurfa
{
	width: 500px;
	text-align: center;
}

ul.borninMin li:hover
{
	background: url("colorTrans.png") repeat;
}

div.spurtOgSvarad 
{
	margin: 15px;
	padding: 0px 5px 5px 5px;
	border: 1px solid #ddd;
	background: url("colorTrans.png") repeat;
}

div.minarMyndir
{
	max-width: 500px;
	overflow: hidden;
	margin: 10px;
	float: left;
}

div.myndAfBarni
{
	margin-right: 10px;
	float: left;
}

#mousehover
{
	float: left;
}

.myndbond
{
    margin: 12px;
    display:inline-block;
    position:relative;
    width: 380px;
}

.myndmyndbond
{
    margin: 5px;
    float: left;
}

/*---Meginmá ENDA---*/
/*------------------------------------------------------------- Vinstri Dálkur BYRJAR ---*/
#leftcolumn
{
	float: left;
	width: 230px; /*Width of left column,  Ef þessu er breytt þá þarf að breyta á 2 öðrum stöðum í meginmál*/
	margin-left: -100%;
}

#leftcolumn li
{
    margin: 0px;
    padding: 5px 0px 5px 10px;
    border-bottom: 1px  solid #efefef;
}

#leftcolumn li:hover, #leftcolumn li:active
{
	background: url("colorTrans.png") repeat;
}

#skilMilliStaticOgDynamic
{
	display: inline; 
	
}
#leftcolumn a:link, #leftcolumn a:visited
{

}

#leftcolumn a:hover, #leftcolumn a:active
{
    color: #888;
}
/*---Vinstri dálkur ENDAR---*/   
/*---------------------------------------------------------------- Hægri Dálkur BYRJAR ---*/
#rightcolumn
{
	margin-top: 10px;
	float: left;
	width: 200px; /*---Width of right column---*/
	margin-left: -200px; /*---Set left marginto -(RightColumnWidth)--*/
    background: url("colorTrans.png");

}

#rightcolumn #leit 
{
	background-image: url("colorTrans.png.png");
	margin: 10px 0px 15px 0px;
	border-bottom: 1px solid #aaa;
}

#rightcolumn #leit input[type="text"]
{
    width: 100%;    
}

#rightcolumn #leitTexti 
{
    float: none;
    font-size : 60%;
    margin-bottom : 20px;
    padding: 2px;
}

#auglysing
{
	margin: 10px 10px 10px 0px;
	width: 170px;
	height: 230px;
	border: 1px solid black;
}
/*---Hægri dálkur ENDAR---*/
/*----------------------------------------------------------------- Fótur BYRJAR ---*/
#footer
{
	clear: left;
	width: 100%;
	color: #000;
	text-align: center;
	padding: 4px 0;
	background:url("sjor.png") repeat-x;
    background-position:bottom; 
}

#footer a
{
}

.footerLinkar
{
    float:left;  
    padding: 10px;
    overflow:hidden;  
    text-align:left;
}

.footerLinkar a:link, .footerLinkar a:visited
{
    font-weight: normal;
}

.footerLinkar a:hover, .footerLinkar a:active
{  
    font-weight: normal;
}

div.footerLinkar
{
    background: url("40transp") repeat;   
    margin: 0px 10px;
}

div.footerLinkar ul 
{ 
    float: left;
}


div.footerLinkar ul li a
{ 
   font-size: 70%;
   color: #339;
   text-decoration: underline;
}


/*---Fótur ENDAR---*/
/* ----------------------------------------------------------------- Misc BYRJAR---*/
#disclaimer
{
    clear:both;
}

#disclaimer p
{
    font-size: 80%;
    font-weight: normal;
}


#maincolumn.innertube
{
	min-height: 500px;
}

.innertube
{
	margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
	min-height: 500px;
}

#leftcolumn .innertube
{
	background: url("40transp.png") repeat;   
}

/* --- Misc ---*/

.clearContainer
{
    clear:both;
    height:1px;
}
/* --- Misc ENDAR---*/
.field-validation-error
{
    color: Red;    
}

.input-validation-error
{
    background: #fdd;
}

.validation-summary-errors
{
    color:Red;
}

/*------------------------------------ Admin ---*/
#adminTable caption
{
    font-weight: bold;
    text-align: left;    
}

#adminTable table
{
    border: 1px solid #DDEFEF;
}

#adminTable td
{
    padding: 2px 3px ;    

}

#adminTable th
{
    text-align: left;
    font-weight: bold;    
}

#adminTable
{
    width: 80%;    
}

#adminTable tr:nth-child(even)
{
    background: #DDEFEF;
    border-bottom: 1px solid #DDEFEF;
}

#adminTable tr:Hover
{
    background: #EDE;    
}

